<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>home_page</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link href="../static/resources/css/axure_rp_page.css" type="text/css" rel="stylesheet" />
		<link href="../static/data/styles.css" type="text/css" rel="stylesheet" />
		<link href="../static/files/home_page/styles.css" type="text/css" rel="stylesheet" />
		<!-- <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/> -->
		<script src="../static/resources/scripts/jquery-3.2.1.min.js"></script>
		<script src="../static/resources/scripts/axure/axQuery.js"></script>
		<script src="../static/resources/scripts/axure/globals.js"></script>
		<script src="../static/resources/scripts/axutils.js"></script>
		<script src="../static/resources/scripts/axure/annotation.js"></script>
		<script src="../static/resources/scripts/axure/axQuery.std.js"></script>
		<script src="../static/resources/scripts/axure/doc.js"></script>
		<script src="../static/resources/scripts/messagecenter.js"></script>
		<script src="../static/resources/scripts/axure/events.js"></script>
		<script src="../static/resources/scripts/axure/recording.js"></script>
		<script src="../static/resources/scripts/axure/action.js"></script>
		<script src="../static/resources/scripts/axure/expr.js"></script>
		<script src="../static/resources/scripts/axure/geometry.js"></script>
		<script src="../static/resources/scripts/axure/flyout.js"></script>
		<script src="../static/resources/scripts/axure/model.js"></script>
		<script src="../static/resources/scripts/axure/repeater.js"></script>
		<script src="../static/resources/scripts/axure/sto.js"></script>
		<script src="../static/resources/scripts/axure/utils.temp.js"></script>
		<script src="../static/resources/scripts/axure/variables.js"></script>
		<script src="../static/resources/scripts/axure/drag.js"></script>
		<script src="../static/resources/scripts/axure/move.js"></script>
		<script src="../static/resources/scripts/axure/visibility.js"></script>
		<script src="../static/resources/scripts/axure/style.js"></script>
		<script src="../static/resources/scripts/axure/adaptive.js"></script>
		<script src="../static/resources/scripts/axure/tree.js"></script>
		<script src="../static/resources/scripts/axure/init.temp.js"></script>
		<script src="../static/resources/scripts/axure/legacy.js"></script>
		<script src="../static/resources/scripts/axure/viewer.js"></script>
		<script src="../static/resources/scripts/axure/math.js"></script>
		<script src="../static/resources/scripts/axure/jquery.nicescroll.min.js"></script>
		<script src="../static/data/document.js"></script>
		<script src="../static/files/home_page/data.js"></script>
		<script type="text/javascript">
			$axure.utils.getTransparentGifPath = function() {
				return '../static/resources/../static/images/transparent.gif';
			};
			$axure.utils.getOtherPath = function() {
				return '../static/resources/Other.html';
			};
			$axure.utils.getReloadPath = function() {
				return '../static/resources/reload.html';
			};
		</script>
		<!-- <style>

</style> -->
	</head>
	<body>
		<script>
			function f() {
				localStorage.clear();
			}
		</script>
		<div id="base" class="">

			<!-- 背景 (动态面板) -->
			<div id="u0" class="ax_default" data-label="背景">
				<div id="u0_state0" class="panel_state" data-label="State1" style="">
					<div id="u0_state0_content" class="panel_state_content">
					</div>
				</div>
			</div>

			<!-- Unnamed (版权信息) -->

			<!-- 背景 (动态面板) -->
			<div id="u2" class="ax_default" data-label="背景">
				<div id="u2_state0" class="panel_state" data-label="State1" style="">
					<div id="u2_state0_content" class="panel_state_content">
					</div>
				</div>
			</div>

			<!-- Unnamed (组合) -->
			<div id="u3" class="ax_default" data-left="1078" data-top="2418" data-width="175" data-height="50">

				<!-- Unnamed (矩形) -->
				<div id="u4" class="ax_default _默认样式">
					<div id="u4_div" class=""></div>
					<div id="u4_text" class="text ">
						<p><span style="text-decoration:none;">👆</span></p>
					</div>
				</div>

				<!-- Unnamed (矩形) -->
				<div id="u5" class="ax_default _默认样式" title="点击打开微博">
					<div id="u5_div" class=""></div>
					<div id="u5_text" class="text ">
						<p><span style="text-decoration:none;">👆</span></p>
					</div>
				</div>

				<!-- 微信 (动态面板) -->
				<div id="u6" class="ax_default ax_default_hidden" data-label="微信"
					style="display:none; visibility: hidden">
					<div id="u6_state0" class="panel_state" data-label="State1" style="">
						<div id="u6_state0_content" class="panel_state_content">

							<!-- Unnamed (矩形) -->
							<div id="u7" class="ax_default _默认样式">
								<div id="u7_div" class=""></div>
								<div id="u7_text" class="text " style="display:none; visibility: hidden">
									<p></p>
								</div>
							</div>

							<!-- Unnamed (组合) -->
							<div id="u8" class="ax_default" data-left="0" data-top="88" data-width="100"
								data-height="20">

								<!-- Unnamed (矩形) -->
								<div id="u9" class="ax_default _默认样式">
									<img id="u9_img" class="img " src="../static/images/home_page/u9.svg" />
									<div id="u9_text" class="text ">
										<p><span style="text-decoration:none;">微信扫描关注</span></p>
									</div>
								</div>
							</div>

							<!-- Unnamed (图像) -->
							<div id="u10" class="ax_default image">
								<img id="u10_img" class="img " src="../static/images/home_page/u10.jpg" />
								<div id="u10_text" class="text " style="display:none; visibility: hidden">
									<p></p>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- Unnamed (矩形) -->
				<div id="u11" class="ax_default _默认样式">
					<div id="u11_div" class=""></div>
					<div id="u11_text" class="text ">
						<p><span style="text-decoration:none;">👆</span></p>
					</div>
				</div>
			</div>

			<!-- Unnamed (矩形) -->
			<div id="u12" class="ax_default _默认样式">
				<div id="u12_div" class=""></div>
				<div id="u12_text" class="text ">
					<p><span style="text-decoration:none;"><a th:href="@{'/home_page/0'}">网站首页</a></span><span
							style="text-decoration:none;">&nbsp; &nbsp; </span><a id="u14" class="link"><span
								style="text-decoration:none;">帮助中心</span></a><span style="text-decoration:none;">&nbsp;
							&nbsp; </span><a id="u15" class="link"><span
								style="text-decoration:none;">联系我们</span></a><span style="text-decoration:none;">&nbsp;
							&nbsp; </span><a id="u16" class="link"><span
								style="text-decoration:none;">客户服务</span></a><span style="text-decoration:none;">&nbsp;
							&nbsp; </span><a id="u17" class="link"><span
								style="text-decoration:none;">隐私政策</span></a><span style="text-decoration:none;">&nbsp;
							&nbsp; </span><a id="u18" class="link"><span
								style="text-decoration:none;">广告服务</span></a><span style="text-decoration:none;">&nbsp;
							&nbsp;&nbsp; </span><a id="u19" class="link"><span
								style="text-decoration:none;">网站地图</span></a><span style="text-decoration:none;">&nbsp;
							&nbsp;&nbsp; </span><a id="u20" class="link"><span
								style="text-decoration:none;">意见反馈</span></a></p>
					<p><span style="text-decoration:none;"><br></span></p>
				</div>
			</div>

			<!-- Unnamed (矩形) -->
			<div id="u21" class="ax_default _默认样式">
				<div id="u21_div" class=""></div>
				<div id="u21_text" class="text " style="display:none; visibility: hidden">
					<p></p>
				</div>
			</div>

			<!-- Unnamed (矩形) -->
			<div id="u22" class="ax_default _默认样式">
				<div id="u22_div" class=""></div>
				<div id="u22_text" class="text ">
					<p style="font-size:16px;"><span
							style="font-family:'FontAwesome';font-weight:400;text-decoration:none;"> 📞&nbsp; </span><span
							style="font-family:'微软雅黑';font-weight:400;font-size:14px;text-decoration:none;">24小时客服热线
						</span></p>
					<p style="font-size:16px;"><span
							style="font-family:'微软雅黑';font-weight:400;font-size:14px;text-decoration:none;">&nbsp;&nbsp;
							&nbsp;&nbsp; 187-6003-8893</span><span
							style="font-family:'微软雅黑';font-weight:400;text-decoration:none;"> </span></p>
				</div>
			</div>
			<div id="u1" style="display:none; visibility:hidden;"></div>

			<!-- 轮播组件 (动态面板) -->
			<div id="u23" class="ax_default" data-label="轮播组件">
				<div id="u23_state0" class="panel_state" data-label="State1" style="">
					<div id="u23_state0_content" class="panel_state_content">

						<!-- 轮播 (动态面板) -->
						<div id="u24" class="ax_default" data-label="轮播">
							<div id="u24_state0" class="panel_state" data-label="1" style="">
								<div id="u24_state0_content" class="panel_state_content">

									<!-- Unnamed (矩形) -->
									<div id="u25" class="ax_default _默认样式">
										<div id="u25_div" class=""></div>
										<div id="u25_text" class="text " style="display:none; visibility: hidden">
											<p></p>
										</div>
									</div>
								</div>
							</div>
							<div id="u24_state1" class="panel_state" data-label="2" style="visibility: hidden;">
								<div id="u24_state1_content" class="panel_state_content">

									<!-- Unnamed (矩形) -->
									<div id="u26" class="ax_default _默认样式">
										<div id="u26_div" class=""></div>
										<div id="u26_text" class="text " style="display:none; visibility: hidden">
											<p></p>
										</div>
									</div>
								</div>
							</div>
							<div id="u24_state2" class="panel_state" data-label="3" style="visibility: hidden;">
								<div id="u24_state2_content" class="panel_state_content">

									<!-- Unnamed (矩形) -->
									<div id="u27" class="ax_default _默认样式">
										<div id="u27_div" class=""></div>
										<div id="u27_text" class="text " style="display:none; visibility: hidden">
											<p></p>
										</div>
									</div>
								</div>
							</div>
							<div id="u24_state3" class="panel_state" data-label="4" style="visibility: hidden;">
								<div id="u24_state3_content" class="panel_state_content">

									<!-- Unnamed (矩形) -->
									<div id="u28" class="ax_default _默认样式">
										<div id="u28_div" class=""></div>
										<div id="u28_text" class="text " style="display:none; visibility: hidden">
											<p></p>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- 控制按纽 (组合) -->
						<div id="u29" class="ax_default ax_default_hidden" data-label="控制按纽"
							style="display:none; visibility: hidden" data-left="6" data-top="159" data-width="1290"
							data-height="35">

							<!-- 向前 (矩形) -->
							<div id="u30" class="ax_default _默认样式" data-label="向前">
								<div id="u30_div" class=""></div>
								<div id="u30_text" class="text ">
									<p><span style="text-decoration:none;">《</span></p>
								</div>
							</div>

							<!-- 向后 (矩形) -->
							<div id="u31" class="ax_default _默认样式" data-label="向后">
								<div id="u31_div" class=""></div>
								<div id="u31_text" class="text ">
									<p><span style="text-decoration:none;">》</span></p>
								</div>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u32" class="ax_default _默认样式">
							<div id="u32_div" class=""></div>
							<div id="u32_text" class="text " style="display:none; visibility: hidden">
								<p></p>
							</div>
						</div>

						<!-- 选择按纽 (组合) -->
						<div id="u33" class="ax_default" data-label="选择按纽" data-left="616" data-top="309"
							data-width="70" data-height="10">

							<!-- 圆点-1 (椭圆) -->
							<div id="u34" class="ax_default _默认样式 selected" data-label="1" selectiongroup="按纽组-7">
								<img id="u34_img" class="img " src="../static/images/home_page/1_u34_selected.svg" />
								<div id="u34_text" class="text " style="display:none; visibility: hidden">
									<p></p>
								</div>
							</div>

							<!-- 圆点-2 (椭圆) -->
							<div id="u35" class="ax_default _默认样式" data-label="2" selectiongroup="按纽组-7">
								<img id="u35_img" class="img " src="../static/images/home_page/1_u34.svg" />
								<div id="u35_text" class="text " style="display:none; visibility: hidden">
									<p></p>
								</div>
							</div>

							<!-- 圆点-3 (椭圆) -->
							<div id="u36" class="ax_default _默认样式" data-label="3" selectiongroup="按纽组-7">
								<img id="u36_img" class="img " src="../static/images/home_page/1_u34.svg" />
								<div id="u36_text" class="text " style="display:none; visibility: hidden">
									<p></p>
								</div>
							</div>

							<!-- 圆点-4 (椭圆) -->
							<div id="u37" class="ax_default _默认样式" data-label="4" selectiongroup="按纽组-7">
								<img id="u37_img" class="img " src="../static/images/home_page/1_u34.svg" />
								<div id="u37_text" class="text " style="display:none; visibility: hidden">
									<p></p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Unnamed (悬浮工具) -->

			<!-- 侧边工具 (动态面板) -->
			<div id="u39" class="ax_default" data-label="侧边工具">
				<div id="u39_state0" class="panel_state" data-label="State1" style="">
					<div id="u39_state0_content" class="panel_state_content">

						<!-- Unnamed (矩形) -->
						<div id="u40" class="ax_default _默认样式" title="意见反馈">
							<div id="u40_div" class=""></div>
							<div id="u40_text" class="text ">
								<p><span style="text-decoration:none;"></span></p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u41" class="ax_default _默认样式" title="关注我们">
							<div id="u41_div" class=""></div>
							<div id="u41_text" class="text ">
								<p><span style="text-decoration:none;"></span></p>
							</div>
						</div>

						<!-- TOP (矩形) -->
						<div id="u42" class="ax_default _默认样式 ax_default_hidden" data-label="TOP" title="返回顶部"
							style="display:none; visibility: hidden">
							<div id="u42_div" class=""></div>
							<div id="u42_text" class="text ">
								<p><span style="text-decoration:none;"></span></p>
							</div>
						</div>

						<!-- 二维码 (动态面板) -->
						<div id="u43" class="ax_default ax_default_hidden" data-label="二维码"
							style="display:none; visibility: hidden">
							<div id="u43_state0" class="panel_state" data-label="State1" style="">
								<div id="u43_state0_content" class="panel_state_content">

									<!-- Unnamed (Speech Bubble) -->
									<div id="u44" class="ax_default _默认样式">
										<img id="u44_img" class="img " src="../static/images/home_page/u44.svg" />
										<div id="u44_text" class="text " style="display:none; visibility: hidden">
											<p></p>
										</div>
									</div>

									<!-- Unnamed (组合) -->
									<div id="u45" class="ax_default" data-left="1" data-top="5" data-width="131"
										data-height="129">

										<!-- Unnamed (矩形) -->
										<div id="u46" class="ax_default _默认样式">
											<img id="u46_img" class="img " src="../static/images/home_page/u46.svg" />
											<div id="u46_text" class="text ">
												<p><span style="text-decoration:none;">微信扫描二维码</span></p>
											</div>
										</div>

										<!-- Unnamed (图像) -->
										<div id="u47" class="ax_default image">
											<img id="u47_img" class="img " src="../static/images/home_page/u10.jpg" />
											<div id="u47_text" class="text " style="display:none; visibility: hidden">
												<p></p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u48" class="ax_default _默认样式" title="在线客服">
							<div id="u48_div" class=""></div>
							<div id="u48_text" class="text ">
								<p><span style="text-decoration:none;"></span></p>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 顶部热区 (图像热区) -->
			<div id="u49" class="ax_default" data-label="顶部热区">
			</div>
			<div id="u38" style="display:none; visibility:hidden;"></div>

			<!-- Unnamed (全局导航) -->

			<!-- Unnamed (悬浮工具) -->

			<!-- 侧边工具 (动态面板) -->
			<div id="u52" class="ax_default" data-label="侧边工具">
				<div id="u52_state0" class="panel_state" data-label="State1" style="">
					<div id="u52_state0_content" class="panel_state_content">

						<!-- Unnamed (矩形) -->
						<div id="u53" class="ax_default _默认样式" title="意见反馈">
							<div id="u53_div" class=""></div>
							<div id="u53_text" class="text ">
								<p><span style="text-decoration:none;">👈</span></p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u54" class="ax_default _默认样式" title="关注我们">
							<div id="u54_div" class=""></div>
							<div id="u54_text" class="text ">
								<p><span style="text-decoration:none;">👈</span></p>
							</div>
						</div>

						<!-- TOP (矩形) -->
						<div id="u55" class="ax_default _默认样式 ax_default_hidden" data-label="TOP" title="返回顶部"
							style="display:none; visibility: hidden">
							<div id="u55_div" class=""></div>
							<div id="u55_text" class="text ">
								<p><span style="text-decoration:none;">👈</span></p>
							</div>
						</div>

						<!-- 二维码 (动态面板) -->
						<div id="u56" class="ax_default ax_default_hidden" data-label="二维码"
							style="display:none; visibility: hidden">
							<div id="u56_state0" class="panel_state" data-label="State1" style="">
								<div id="u56_state0_content" class="panel_state_content">

									<!-- Unnamed (Speech Bubble) -->
									<div id="u57" class="ax_default _默认样式">
										<img id="u57_img" class="img " src="../static/images/home_page/u44.svg" />
										<div id="u57_text" class="text " style="display:none; visibility: hidden">
											<p></p>
										</div>
									</div>

									<!-- Unnamed (组合) -->
									<div id="u58" class="ax_default" data-left="1" data-top="5" data-width="131"
										data-height="129">

										<!-- Unnamed (矩形) -->
										<div id="u59" class="ax_default _默认样式">
											<img id="u59_img" class="img " src="../static/images/home_page/u46.svg" />
											<div id="u59_text" class="text ">
												<p><span style="text-decoration:none;">微信扫描二维码</span></p>
											</div>
										</div>

										<!-- Unnamed (图像) -->
										<div id="u60" class="ax_default image">
											<img id="u60_img" class="img " src="../static/images/home_page/u10.jpg" />
											<div id="u60_text" class="text " style="display:none; visibility: hidden">
												<p></p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u61" class="ax_default _默认样式" title="在线客服">
							<div id="u61_div" class=""></div>
							<div id="u61_text" class="text ">
								<p><span style="text-decoration:none;">👈</span></p>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 顶部热区 (图像热区) -->
			<div id="u62" class="ax_default" data-label="顶部热区">
			</div>
			<div id="u51" style="display:none; visibility:hidden;"></div>

			<!-- 背景 (动态面板) -->
			<div id="u63" class="ax_default" data-label="背景">
				<div id="u63_state0" class="panel_state" data-label="State1" style="">
					<div id="u63_state0_content" class="panel_state_content">
					</div>
				</div>
			</div>

			<!-- 热区占位 (图像热区) -->
			<div id="u64" class="ax_default" data-label="热区占位">
			</div>

			<!-- 发现 (矩形) -->
			<div id="u65" class="ax_default _默认样式" data-label="发现" selectiongroup="u50导航栏-1">
				<div id="u65_div" class=""></div>
				<div id="u65_text" class="text ">
					<p><span style="text-decoration:none;"><a th:href="@{/find/1}">发现</a></span></p>
				</div>
			</div>

			<!-- 广场 (矩形) -->
			<div id="u66" class="ax_default _默认样式" data-label="广场" selectiongroup="u50导航栏-1">
				<div id="u66_div" class=""></div>
				<div id="u66_text" class="text ">
					<p><span style="text-decoration:none;"><a th:href="@{'/square'}">广场</a></span></p>
				</div>
			</div>

			<!-- 圈子 (矩形) -->
			<div id="u67" class="ax_default _默认样式" data-label="圈子" selectiongroup="u50导航栏-1">
				<div id="u67_div" class=""></div>
				<div id="u67_text" class="text ">
					<p><span style="text-decoration:none;"><a th:href="@{'/circle'}">圈子</a></span></p>
				</div>
			</div>

			<!-- 打赏 (矩形) -->
			<div id="u68" class="ax_default _默认样式" data-label="打赏" selectiongroup="u50导航栏-1">
				<div id="u68_div" class=""></div>
				<div id="u68_text" class="text ">
					<p><span style="text-decoration:none;"><a th:href="@{'/reward'}">打赏</a></span></p>
				</div>
			</div>

			<!-- 返回首页图标 (组合) -->
			<div id="u69" class="ax_default" data-label="返回首页图标" data-left="50" data-top="11" data-width="59"
				data-height="65">

				<!-- Unnamed (矩形) -->
				<div id="u70" class="ax_default _默认样式">
					<div id="u70_div" class=""></div>
					<div id="u70_text" class="text " style="display:none; visibility: hidden">
						<p></p>
					</div>
				</div>
			</div>

			<!-- 首页 (矩形) -->
			<div id="u71" class="ax_default _默认样式" data-label="首页" selectiongroup="u50导航栏-1">
				<div id="u71_div" class=""></div>
				<div id="u71_text" class="text ">
					<p><span style="text-decoration:none;"><a th:href="@{'/home_page/0'}">首页</a></span></p>
				</div>
			</div>

			<!-- 用户菜单 (动态面板) -->
			<div id="u72" class="ax_default" data-label="用户菜单">
				<!-- js登录注册判断 -->
				<div id="u72_state0" class="panel_state" data-label="未登录" style="">
					<div id="u72_state0_content1" class="panel_state_content">
						<div id="login">
							<!-- 登录 (矩形) -->
							<div id="u73" class="ax_default _默认样式" data-label="登录">
								<div id="u73_div" class=""></div>
								<div id="u73_text" class="text ">
									<p style="font-size:18px;"><span
											style="font-family:'FontAwesome';font-weight:400;text-decoration:none;"></span><span
											style="font-family:'微软雅黑';font-weight:400;font-size:14px;text-decoration:none;">
											<a th:href="@{'/login'}">登录</a></span>
									</p>
								</div>
							</div>
							<div id="u74" class="ax_default _默认样式" data-label="注册">
								<div id="u74_div" class=""></div>
								<div id="u74_text" class="text ">
									<p style="font-size:18px;"><span
											style="font-family:'FontAwesome';font-weight:400;text-decoration:none;"></span><span
											style="font-family:'微软雅黑';font-weight:400;font-size:14px;text-decoration:none;"><a
												th:href="@{'/register'}">注册</a></span>
									</p>
								</div>
							</div>
						</div>
						<!-- 个人中心 -->

						<div id="au72_state1_content" class="panel_state_content">
							<!-- Unnamed (矩形) -->
							<div id="u75" class="ax_default _默认样式">
								<div id="u75_div" class=""></div>
								<div id="u75_text" class="text ">
									<p><span style="text-decoration:none;"></span></p>
								</div>
							</div>
							<!-- 下拉菜单 (动态面板) -->
							<div id="u76" class="ax_default ax_default_hidden" data-label="下拉菜单"
								style="display:none; visibility: hidden">
								<div id="u76_state0" class="panel_state" data-label="State1" style="">
									<div id="u76_state0_content" class="panel_state_content">
										<!-- Unnamed (矩形) -->
										<div id="u77" class="ax_default _默认样式">
											<div id="u77_div" class=""></div>
											<div id="u77_text" class="text " style="display:none; visibility: hidden">
												<p></p>
											</div>
										</div>
										<!-- 个人中心 (矩形) -->
										<div id="u78" class="ax_default _默认样式" data-label="个人中心">
											<div id="u78_div" class=""></div>
											<div id="u78_text" class="text ">
												<p><span style="text-decoration:none;"><a  id="pp">个人中心</a></span>
												</p>
											</div>
										</div>

										<!-- 修改资料 (矩形) -->
										<div id="u79" class="ax_default _默认样式" data-label="修改资料">
											<div id="u79_div" class=""></div>
											<div id="u79_text" class="text ">
												<p><span style="text-decoration:none;"><a
														id="person">修改资料</a></span></p>
											</div>
										</div>

										<!-- 退出登入 (矩形) -->
										<div id="u80" class="ax_default _默认样式" data-label="退出登入">
											<div id="u80_div" class=""></div>
											<div id="u80_text" class="text ">
												<p><span style="text-decoration:none;"><a th:href="@{'/login'}"
															onclick="f()">退出登录</a></span></p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<!-- Unnamed (矩形) -->
							<div id="u81" class="ax_default _默认样式">
								<div id="u81_text" class="text ">
									<p><span style="text-decoration:none; " >⏰</span></p>
								</div>
							</div>

							<!-- 头像 (椭圆) -->
							<div id="u82" class="ax_default ellipse" data-label="头像">
								<img id="u82_img" class="img " src="../static/images/home_page/头像_u82.jpeg" />
								<div id="u82_text" class="text " style="display:none; visibility: hidden">
									<p></p>
								</div>
							</div>
						</div>

						<!-- 注册 (矩形) -->

					</div>
				</div>
			</div>
		</div>

		<!-- Unnamed (矩形) -->
		<div id="u83" class="ax_default _默认样式" title="消息中心">
			<div id="u83_div" class=""></div>
			<div id="u83_text" class="text ">
				<p><span style="text-decoration:none; ">🔍</span></p>
			</div>
		</div>

		<!-- 搜索栏 (动态面板) -->
		<div id="u84" class="ax_default ax_default_hidden" data-label="搜索栏" style="display:none; visibility: hidden">
			<div id="u84_state0" class="panel_state" data-label="State1" style="">
				<div id="u84_state0_content" class="panel_state_content">
					<form th:action="@{/search}" method="post">
						<!-- 输入框 (文本框(单行)) -->
						<div id="u85" class="ax_default _默认样式" data-label="输入框">
							<div id="u85_div" class=""></div>
							<input id="u85_input" type="text" name="search" value="" class="u85_input" maxlength="20" />
						</div>
					</form>
					<!-- 图标 (矩形) -->
					<div id="u86" class="ax_default _默认样式" data-label="图标">
						<div id="u86_div" class=""></div>
						<div id="u86_text" class="text ">
							<p><span style="text-decoration:none;"></span></p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="u50" style="display:none; visibility:hidden;"></div>

		<!-- Unnamed (矩形) -->
		<div id="u87" class="ax_default _默认样式">
			<div id="u87_div" class="u87_div"></div>
			<div id="u87_text" class="text ">
				<p><span style="text-decoration:none;">
						<div th:switch="${a}">
							<p th:case="2"></p>
							<p th:case="4"></p>
						</div>
						<p id="u87_div_zi">
							<a th:href="@{'/home_page/0'}" th:if="${a eq 0}">首页推荐</a>
							<a th:href="@{'/home_page/0'}" th:if="${a eq 1}">首页推荐</a>
							<a th:href="@{'/home_page/2'}" th:if="${a eq 2}">首页推荐</a>
							<a th:href="@{'/home_page/2'}" th:if="${a eq 3}">首页推荐</a>
						</p>
					</span></p>
			</div>
		</div>

		<!-- 最新作品 (矩形) -->
		<div id="u88" class="ax_default _默认样式" data-label="最新作品">
			<div id="u88_div1" class="u88_div1"></div>
			<div id="u88_text" class="text ">
				<p><span style="text-decoration:none;">
						<p id="u88_div_zi">
							<a th:href="@{'/home_page/1'}" th:if="${a eq 0}">最新作品</a>
							<a th:href="@{'/home_page/1'}" th:if="${a eq 1}">最新作品</a>
							<a th:href="@{'/home_page/3'}" th:if="${a eq 2}">最新作品</a>
							<a th:href="@{'/home_page/3'}" th:if="${a eq 3}">最新作品</a>
						</p>
					</span></p>
			</div>
		</div>
		</div>

		<!-- Unnamed (组合) -->
		<div id="u89" class="ax_default" data-left="708" data-top="471" data-width="542" data-height="41">

			<!-- Unnamed (矩形) -->
			<div id="u90" class="ax_default _默认样式">
				<div id="u90_div" class=""></div>
				<div id="u90_text" class="text ">
					<p><span style="text-decoration:none;">虽然过去一塌糊涂甚至有点可笑，可是未来依旧是阳光灿烂~</span></p>
				</div>
			</div>

			<!-- Unnamed (矩形) -->
			<div id="u91" class="ax_default _默认样式">
				<img id="u91_img" class="img " src="../static/images/home_page/u91.svg" />
				<div id="u91_text" class="text ">
					<p><span style="text-decoration:none;"></span></p>
				</div>
			</div>
		</div>

		<!-- Unnamed (组合) -->
		<div id="u92" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
		</div>

		<!-- Unnamed (矩形) -->
		<div id="u93" class="ax_default _默认样式">
			<div id="u93_div" class="u93_div"></div>
			<div id="u93_text" class="text ">
				<p><span style="text-decoration:none;">
						<p id="u93_div_zi">
							<a th:href="@{'/home_page/0'}" th:if="${a eq 0}">推荐文章</a>
							<a th:href="@{'/home_page/1'}" th:if="${a eq 1}">推荐文章</a>
							<a th:href="@{'/home_page/0'}" th:if="${a eq 2}">推荐文章</a>
							<a th:href="@{'/home_page/1'}" th:if="${a eq 3}">推荐文章</a>
						</p>
					</span></p>
			</div>
		</div>

		<!-- Unnamed (矩形) -->
		<div id="u94" class="ax_default _默认样式">
			<div id="u94_div1" class="u94_div1"></div>
			<div id="u94_text" class="text ">
				<p><span style="text-decoration:none;">
						<p id="u94_div_zi">
							<a th:href="@{'/home_page/2'}" th:if="${a eq 0}">最新文章</a>
							<a th:href="@{'/home_page/3'}" th:if="${a eq 1}">最新文章</a>
							<a th:href="@{'/home_page/2'}" th:if="${a eq 2}">最新文章</a>
							<a th:href="@{'/home_page/3'}" th:if="${a eq 3}">最新文章</a>
						</p>
					</span></p>
			</div>
		</div>

		<!-- Unnamed (组合) -->
		<div id="u95" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
		</div>

		<!-- Unnamed (矩形) -->
		<div id="u96" class="ax_default _默认样式">
			<div id="u96_div" class=""></div>
			<div id="u96_text" class="text ">
				<p><span style="font-family:'微软雅黑';font-weight:400;text-decoration:none;">更多 </span><span
						style="font-family:'FontAwesome';font-weight:400;text-decoration:none;"></span><span
						style="font-family:'微软雅黑';font-weight:400;text-decoration:none;"> </span></p>
			</div>
		</div>
		<!--开始-->
		<div class="big">
			<table class="striped bordered centered" th:if="${shareProducts.size() != 0}">
				<th:block th:each=" shareProduct : ${shareProducts}">
					<script type="text/javascript" th:inline="javascript">
				</script>
					<div class="small" id="small">
						<!-- Unnamed (矩形) -->
						<div id="u97" class="ax_default _默认样式">
							<div id="u97_div" class=""></div>
							<div id="u97_text" class="text " style="display:none; visibility: hidden">
								<p></p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u98" class="ax_default _默认样式">
							<div id="u98_div" class=""></div>
							<div id="u98_text" class="text ">
								<p><span id="hh" ;
										style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;text-decoration:none;"
										th:text="${shareProduct.getTitle()}">4,6级耳机 </span>
								</p>
								<p><span style="font-family:'微软雅黑';font-weight:400;text-decoration:none;color:#999999;"
										th:text="${shareProduct.getMessage()}">听力耳机，诚信共享 </span>
								</p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u99" class="ax_default _默认样式">
							<div id="u99_div" class=""></div>
							<div id="u99_text" class="text " style="display:none; visibility: hidden">
								<p></p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u100" class="ax_default _默认样式">
							<img id="u100_img" class="img " th:src="${'/static/images/new/'+userMap.get(shareProduct.getUser_id()).getImage()}" src="../static/images/home_page/u100.svg" />
							<div id="u100_text" class="text " style="display:none; visibility: hidden">
								<p></p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u101" class="ax_default _默认样式">
							<img id="u101_img" class="img " th:src="${'/static/images/new/'+shareProduct.getImage()}" src="../static/images/home_page/u101.svg" />
							<div id="u101_text" class="text " style="display:none; visibility: hidden">
								<p></p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u102" class="ax_default _默认样式">
							<div id="u102_div" class=""></div>
							<div id="u102_text" class="text ">
								<p><span style="text-decoration:none;"
										th:text="${userMap.get(shareProduct.getUser_id()).getName()}">拔丝地瓜</span>
								</p>
							</div>
						</div>

						<!-- Unnamed (矩形) -->
						<div id="u103" class="ax_default _默认样式">
							<div id="u103_div" class=""></div>
							<div id="u103_text" class="text ">
								<p><span style="font-family:'FontAwesome';font-weight:400;text-decoration:none;">
									</span><span
										style="font-family:'微软雅黑';font-weight:400;text-decoration:none;">评论数:</span><span
										style="font-family:'Roboto Normal', 'Roboto';font-weight:200;text-decoration:none;">&nbsp;&nbsp;
									</span><span style="font-family:'FontAwesome';font-weight:400;text-decoration:none;"
										th:text="${shareProduct.getMessageNum()}">25</span><span
										style="font-family:'微软雅黑';font-weight:400;text-decoration:none;">&nbsp;
									</span><span
										style="font-family:'FontAwesome';font-weight:400;text-decoration:none;">
									</span>
								</p>
							</div>
						</div>
					</div>
					<script type="text/javascript" th:inline="javascript">
						function addEvent(obj, evt, fn) {
							var saved;
							if (typeof obj["on" + evt] == "function") {
								saved = obj["on" + evt];
							}
							obj["on" + evt] = function() {
								if (saved) saved();
								fn();
							}
						}

						addEvent(window, 'load', firstAll);

						function firstAll() {
							var b = /*[[${shareProducts.size()}]]*/ 1;
							var c = /*[[${shareProducts.indexOf(shareProduct)}]]*/ 0;
							var num = /*[[${a}]]*/ 2;
							var pic=/*[[${shareProduct.getImage()}]]*/null;
							document.getElementById("small").id = "small" + c;
							if (c > 0) {
								document.getElementById("small" + c).style.marginLeft = (c) * 300 + "px";
								if (c >= 4) {
									document.getElementById("small" + c).style.marginTop = 420 + "px";
									document.getElementById("small" + c).style.marginLeft = (c - 4) * 300 + "px";
								}
							}
						}
					</script>
				</th:block>
			</table>
		</div>
		<script>
			function f1() {
				var name = localStorage.getItem("username");
				document.getElementById('person').href="/pInformation/"+name;
				document.getElementById('pp').href="/pCenter/"+name;
				if (name != null) {
					document.getElementById("login").style.display = "none";
					document.getElementById("au72_state1_content").style.display = "block";
				} else {
					// function change() {
					document.getElementById("au72_state1_content").style.display = "none";
					document.getElementById("login").style.display = "block";
				}
			}
			addEvent(window, 'load', f1);
		</script>
		<!--结束-->
		<!--开始111-->
		<!--      结束111-->

		<!--		帖子开始-->


		<table class="striped bordered centered" th:if="${postMains.size() != 0}">
			<th:block th:each=" postMain : ${postMains}">
				<div class="Posts" id="posts">
					<!-- Unnamed (矩形) -->
					<div id="u154" class="ax_default _默认样式">
						<div id="u154_div" class=""></div>
						<div id="u154_text" class="text " style="display:none; visibility: hidden">
							<p></p>
						</div>
					</div>

					<!-- Unnamed (矩形) -->
					<div id="u155" class="ax_default _默认样式">
						<div id="u155_div" class=""></div>
						<div id="u155_text" class="text " style="display:none; visibility: hidden">
							<p></p>
						</div>
					</div>

					<!-- Unnamed (矩形) -->
					<div id="u156" class="ax_default _默认样式">
						<div id="u156_div" class=""></div>
						<div id="u156_text" class="text ">
							<p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;text-decoration:none;"
									th:text="${postMain.getTitle()}">&nbsp;购买手机，这几点是你必须要清楚的！</span><span
									style="font-family:'微软雅黑';font-weight:400;text-decoration:none;"> </span></p>
						</div>
					</div>

					<!-- Unnamed (形状) -->
					<div id="u157" class="ax_default _默认样式">
						<img id="u157_img" class="img " th:src="${'/static/images/new/'+userMap.get(postMain.getUser_id()).getImage()}" src="../static/images/home_page/u157.svg" />
						<div id="u157_text" class="text " style="display:none; visibility: hidden">
							<p></p>
						</div>
					</div>

					<!-- Unnamed (矩形) -->
					<div id="u158" class="ax_default _默认样式">
						<div id="u158_div" class=""></div>
						<div id="u158_text" class="text ">
							<p><span style="text-decoration:none;"
									th:text="${userMap.get(postMain.getUser_id()).getName()}">黑椒鱼排</span>
							</p>
						</div>
					</div>

					<!-- Unnamed (矩形) -->
					<div id="u159" class="ax_default _默认样式">
						<div id="u159_div" class=""></div>
						<div id="u159_text" class="text ">
							<p><span style="font-family:'FontAwesome';font-weight:400;text-decoration:none;">
									评论数：</span><span style="font-family:'微软雅黑';font-weight:400;text-decoration:none;"
									th:text="${postMain.getCommentNum()}">7564&nbsp;
								</span></p>
						</div>
					</div>

					<!-- Unnamed (矩形) -->
					<div id="u160" class="ax_default _默认样式">
						<div id="u160_div" class=""></div>
						<div id="u160_text" class="text ">
							<p><span style="text-decoration:none;">查看详情</span></p>
						</div>
					</div>

					<!-- Unnamed (矩形) -->
					<div id="u161" class="ax_default _默认样式">
						<div id="u161_div" class=""></div>
						<div id="u161_text" class="text ">
							<p><span style="font-family:'FontAwesome';text-decoration:none;">time： </span><span
									style="font-family:'微软雅黑';text-decoration:none;" th:text="${#dates.format(postMain.getTime(),'yyyy-MM-dd HH:mm:ss')}">04-13 12:00</span></p>
                </div>
            </div>
            <script type="text/javascript" th:inline="javascript">
                addEvent(window, 'load', nextAll);

                function nextAll() {
                    var x = /*[[${postMains.indexOf(postMain)}]]*/ 1;
                    document.getElementById("posts").id = "posts" + x;
                    if (x > 0) {
                        document.getElementById("posts" + x).style.marginTop = (x * 154) + "px";
                    }
                }

            </script>
        </div>
    </th:block>
</table>
<!--帖子结束111-->
<!-- Unnamed (矩形) -->
<div id="u187" class="ax_default _默认样式">
    <div id="u187_div" class=""></div>
    <div id="u187_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>
</div>
<script src="../static/resources/scripts/axure/ios.js"></script>
<script type="text/javascript" th:inline="javascript">
    addEvent(window, 'load', btn1);

    function btn1() {
        var num = /*[[${a}]]*/ 1;
        if (num == 0) {
            document.getElementById("u87_div_zi").style.color = "#ffc9a6";
            document.getElementById("u93_div_zi").style.color = "#ffc9a6";
            document.getElementById("u88_div1").style.display = "none";
            document.getElementById("u94_div1").style.display = "none";
			document.getElementById("u87_div").style.display = "block";
			document.getElementById("u93_div").style.display = "block";
        } else if (num == 1) {
			document.getElementById("u87_div_zi").style.color = "#999999";
            document.getElementById("u88_div_zi").style.color = "#ffc9a6";
            document.getElementById("u93_div_zi").style.color = "#ffc9a6";
            document.getElementById("u87_div").style.display = "none";
            document.getElementById("u94_div1").style.display = "none";
			document.getElementById("u88_div1").style.display = "block";
			document.getElementById("u93_div").style.display = "block";
        } else if (num == 2) {
            document.getElementById("u87_div_zi").style.color = "#ffc9a6";
            document.getElementById("u94_div_zi").style.color = "#ffc9a6";
            document.getElementById("u88_div1").style.display = "none";
            document.getElementById("u93_div").style.display = "none";
			document.getElementById("u94_div1").style.display = "block";
			document.getElementById("u87_div").style.display = "block";
        } else if (num == 3) {
            document.getElementById("u88_div_zi").style.color = "#ffc9a6";
            document.getElementById("u94_div_zi").style.color = "#ffc9a6";
            document.getElementById("u87_div").style.display = "none";
            document.getElementById("u93_div").style.display = "none";
			document.getElementById("u94_div1").style.display = "block";
			document.getElementById("u88_div1").style.display = "block";
        }
    }
</script>
</body>
</html>
